/*Copyright (c) 2024 Deng Zicheng*/
/*"CarController" is licensed under Mulan PSL v2.*/
/*You can use this software according to the terms and conditions of the Mulan PSL v2.*/
/*You may obtain a copy of Mulan PSL v2 at:*/
/*http://license.coscl.org.cn/MulanPSL2*/
/* THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT, MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.*/
/*See the Mulan PSL v2 for more details.*/
.container {
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-image: url("/common/images/background.png");
    background-size: 100% 100%;
}
#header{
    height: 50px;
    width: 100%;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 3px;
    background-color: #fff54103;
}
text{
    font-size: 20px;
    font-weight:500;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    padding-bottom: 10px;
    color: black;
}
.list{
    width: 96%;
    margin-left: 1%;
    height: 100%;
    columns: 1;
}
.listItem{
    width: 100%;
    height: 60px;
    margin-bottom: 3%;
    line-height: 50px;
    border-bottom: 1px solid #ff111111;
    align-items: center;
    font-size: 20px;
    background-color: #ffced0ef;
    border-radius: 10px;
}
button{
    width: 60px;
    height: 30px;
    background-color: #ff0e6bbc;
}
#update{
    margin-left: 10px;
    margin-right: 10px;
}

image{
    width: 45px;
    height: 45px;
}
@keyframes rotate{
    0% {
        transform:rotate(0deg);
    }
    25% {
        transform:rotate(-90deg);
    }
    50%{
        transform:rotate(-180deg);
    }
    75%{
        transform:rotate(-270deg);
    }
    100%{
        transform:rotate(-360deg);
    }
}